<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta content="always" name="referrer">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">


<title>右侧栏</title>



<link rel='stylesheet prefetch'
	href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'>

<link rel="stylesheet" href="../css/styleRight.css" media="screen"
	type="text/css" />

</head>

<body style="overflow: auto; height: 100%">

	<div style="text-align: right; clear: both;">
		<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
		<script src="/follow.js" type="text/javascript"></script>
	</div>
	<div id="content" style="height: 100%; width: 100%;">


		<div class="notification red">
			<div class="info">
				<h1>
					<a href="#"></a>最近读书
				</h1>
				<p>图解Http</p>
				<p>番茄工作法</p>
				<p>如何阅读一本书</p>
				<p>麦肯锡</p>
				<p>从优秀到卓越</p>
			</div>
			<div class="icon">
				<i class="fa fa-heart"></i>
			</div>
		</div>

		<div class="notification blue">
			<div class="info">
				<h1>
					<a href="#"></a>待读
				</h1>
				<p>java编程思想_9-16</p>
				<p>head first设计模式</p>
				<p>Effective Java</p>
				<p>红拂夜奔</p>
				<p>拖延心理学</p>
				<a href="#" class="button">Full story</a><a href="#"
					class="button gray">Dismiss</a>
			</div>
			<div class="icon">
				<i class="fa fa-newspaper-o"></i>
			</div>
		</div>

		<div class="notification purple">
			<div class="info">
				<h1>
					<a>每天</a>
				</h1>
				<p>English</p>
				<p>读书</p>
				<p>锻炼</p>
				<p>GitHub</p>
				<p>博客</p>
				<p>微笑</p>
				<a href="#" class="button">Navigate</a><a href="#"
					class="button gray">Dismiss</a>
			</div>
			<div class="icon">
				<i class="fa fa-bicycle"></i>
			</div>
		</div>

		<div class="notification blue">
			<div class="info">
				<h1>
					<a href="#">紧急通知</a>
				</h1>
				<p>加油，EveyDay</p>
			</div>
			<div class="icon">
				<i class="fa fa-twitter"></i>
			</div>
		</div>
	</div>


	<div class="notification purple">
		<div class="info">
			<h1>
				<a>钤记</a>
			</h1>
			<p>没有什么比等待事情自己解决更加愚蠢</p>
			<a href="#" class="button">Navigate</a><a href="#"
				class="button gray">Dismiss</a>
		</div>
		<div class="icon">
			<i class="fa fa-bicycle"></i>
		</div>
	</div>



</body>

</html>
